.mask-layer{
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  .cover{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background-color: rgba(0,0,0,.5);
  }
  .content{
    width: 100%;
    position: relative;
    z-index: 51;
    font-size: 0.6rem;
    color: #fff;
    top: 50%;
    text-align: center;
    .close.icon{
      width: rem(30px);
      height: rem(30px);
      position: absolute;
      right: rem(90px);
      top: rem(-60px);
      background: url('') no-repeat center;
      background-size: cover;
    }
    .qr-code {
      width: rem(360px);
      height: rem(360px);
      margin: rem(-212px) auto 0;
      padding: rem(30px);
      background: url('') no-repeat center;
      background-size: cover;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .slogan{
      padding: rem(16px);
    }
  }
}